﻿a.notAuthenticated {
	display: none;
}

input.placeholder, textarea.placeholder {
	color: #888;
}

div.overlay {
	z-index:1000;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.clear {
	clear: both;
}

summary {
	cursor:pointer;
}

.noselect {
	user-select: none;
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	cursor: default;
}

a {
	text-decoration: none;
	color: #00e;
	cursor: pointer;
}

img, iframe {
	border: 0px;
}

nav ol.menu, nav ul {
	padding: 0px;
	position: relative;
	display: inline-table;
	list-style: none;
}

nav ol.menu ul ul {
	left: 120px;
	top: 0px;
	display: none;
}
nav ol.menu ul ul.left {
	left: -120px;
}
nav ol.menu li {
	float: left;
}

nav ol.menu li a img {
	width: 16px;
	height: 16px;
}

nav ol.menu li a {
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	width: 120px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

nav ol.menu li a img {
	margin-left: 8px;
}

q {
	font-style: italic;
}

nav ol.menu li a:hover {
	background-color: #ccc;
}

nav ol.menu li {
	position: relative;
	background-color: #fff;
}
nav ol.menu ul li {
	display: block;
}

nav ol.menu li:hover>ul {
	display: block;
	z-index: 1000;
}

nav ol.menu li ul {
	display: none;
	position: absolute;
}

fieldset {
	border-radius: 15px;
}

textarea, ul.photoList figure img {
	border-radius:5px;
}

input[type="search"] {
	min-width: 300px;
}

ul.html {
	list-style-image: url(/Images/Icons/book-green.png);
}
ul.js {
	list-style-image: url(/Images/Icons/book-blue.png);
}
ul.css {
	list-style-image: url(/Images/Icons/book-red.png);
}

table.buildOrder img.icon {
	width: 32px;
	height: 32px;
}

div.sc2 ul.icons {
	list-style: none;
}

div.sc2 ul.icons li {
	display: inline;
}

div.sc2 ul.cost {
	padding: 0px;
	list-style: none;
}

div.sc2 ul.cost li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

div.sc2 ul.cost li.mineral {
	background-image: url(/Images/Icons/Sc2/minerals.gif);
}

div.sc2.protoss ul.cost li.time {
	background-image: url(/Images/Icons/Sc2/time-protoss.gif);
}

div.sc2.terran ul.cost li.time {
	background-image: url(/Images/Icons/Sc2/time-terran.gif);
}

div.sc2.zerg ul.cost li.time {
	background-image: url(/Images/Icons/Sc2/time-zerg.gif);
} 

div.sc2.protoss ul.cost li.supply {
	background-image: url(/Images/Icons/Sc2/supply-protoss.gif);
}

div.sc2.terran ul.cost li.supply {
	background-image: url(/Images/Icons/Sc2/supply-terran.gif);
}

div.sc2.zerg ul.cost li.supply {
	background-image: url(/Images/Icons/Sc2/supply-zerg.gif);
} 

div.sc2.protoss ul.cost li.vespene {
	background-image: url(/Images/Icons/Sc2/vespene-protoss.gif);
}

div.sc2.terran ul.cost li.vespene {
	background-image: url(/Images/Icons/Sc2/vespene-terran.gif);
}

div.sc2.zerg ul.cost li.vespene {
	background-image: url(/Images/Icons/Sc2/vespene-zerg.gif);
}

div.sc2 table.entities img.icon {
	width: 16px;
	height: 16px;
}

div.sc2 table.entities {
	margin-left:auto;
	margin-right:auto;
}

div.sc2 table.entities tr:hover td {
	position: relative;
}

div.sc2 table.entities tr:hover img.icon {
	width: 62px;
	height: 62px;
	position: absolute;
	left: -90px;
	top: -23px;
	z-index: 100;
}


canvas.mandelbrotSet {
	display: block;
	margin-left:auto;
	margin-right:auto;
}

div.mandelbrot.zone {
	border: 1px dotted #f0f;
	background-color: #aa0;
	opacity: 0.5;
}

/* ----------------------------------------------------- */

.galleryMap {
	width:100%;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}
.configurationMap {
	width:100%;
	height:500px;
	margin-left:auto;
	margin-right:auto;
}


.centred {
	text-align:center;
}

.whoAmI, .thisSite {
	float: left;
}		 

ul.photoList {
	list-style-type:none;
}

ul.photoList li {
	float: left;
	width: 210px;
	height: 160px;
	text-align: center;
	vertical-align: middle;
}

body>div {
	width:50%;
	min-width:800px;
	margin-left:auto;
	margin-right:auto;
}

fieldset label {
	display: block;
	text-align: right;
	float: left;
	width: 50%;
}

fieldset input[type="text"], fieldset input[type="tel"], fieldset input[type="url"], fieldset input:not([type]), fieldset select[multiple] {
	width: 40%;
}

fieldset td input[type], fieldset td input:not([type]), fieldset td select[multiple] {
	width: 90%;
}

fieldset input[type="search"] {
	width: 80%;
}

fieldset input[type="email"], fieldset input[type="password"] {
	width: 30%;
}

fieldset details label {
	display: inline;
	text-align: left;
	float: none;
	width: auto;
}

fieldset.search details div {
	text-align: left;
}

fieldset textarea {
	width: 99%;
	height: 120px;
}

fieldset ul {
	margin-left: 50%;
}

fieldset button {
	margin-left: 50%;
}

fieldset.search div {
	text-align: center;
}
fieldset.search button {
	margin-left: auto;
}

.uploading {
	font-style: italic;
}

.complete {
	color: Green;
	font-weight: bold;
}

section ol {
	list-style: none;
	padding: 0px;
}

section ol article, .wiiResults, .phoneResults {
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 8px;
	margin-top: 10px;
}

section ol article h1 {
	margin: 0px;
}

section ol article footer {
	text-align: right;
}

td pre {
	margin: 0px;
}

/* ----------------------------------------------------- */

table tr:hover td {
	background-color: #ccc;
}

tr.css1, tr.html4 {
	color: #000;
}
tr.css2, tr.css3, tr.html5 {
	color: #a00;
}

tr.css3, tr.html5 {
	font-weight: bold;
}

header h1, footer p {
	text-align:center;
}

article ul.actions {
	text-align: right;
}
article ul.actions li {
	display: inline;
	margin:2px;
}